<template>
  <span class="box">
              <el-tooltip class="item" effect="dark" content="刷新" placement="top">
                <span @click="shuaxin" style=" cursor: pointer;">
                  <i class="el-icon-refresh-right"></i></span>
              </el-tooltip>
              <el-dropdown trigger="click" @command="command">
              <span class="el-dropdown-link">
                <el-tooltip class="item" effect="dark" content="密度" placement="top">
                <span style=" cursor: pointer;"><i class="el-icon-d-caret"></i></span>
              </el-tooltip>
              </span>
              <el-dropdown-menu slot="dropdown" >
                <el-dropdown-item command="默认">默认</el-dropdown-item>
                <el-dropdown-item command="中等">中等</el-dropdown-item>
                <el-dropdown-item command="紧凑">紧凑</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
  </span>
</template>

<script>
export default {
  name: 'CallPoliceIndex',

  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {
    daochu () {
      this.$emit('daochu')
    },
    shuaxin () {
      this.$emit('shuaxin')
    },
    command (val) {
      this.$emit('command', val)
    }
  }
}
</script>

<style lang="scss" scoped>
.box{
  display: flex;
  align-items: center;
  .daochu{
    width: 60px;
      height: 30px;
      color: #fff;
      background-color: #1890ff;
      border: none;
      border-radius: 3px;
  }
}
.item{
  margin-left: 10px;
}
</style>